﻿<!DOCTYPE html>
<html lang="en" class="app">
<head>  
  <meta charset="utf-8" />
  <title>ᠲᠠᠪᠤᠨ ᠬᠤᠰᠢᠭᠤ ᠮᠠᠯ ᠢᠨ ᠰᠦᠯᠵᠢᠶᠡᠨ ᠪ ᠦᠷᠲᠡᠭᠡ</title>
  <meta name="description" content="app, web app, responsive, admin dashboard, admin, flat, flat ui, ui kit, off screen nav" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  <link rel="stylesheet" href="/public/test/css/jplayer.flat.css" type="text/css" />
  <link rel="stylesheet" href="/public/test/css/bootstrap.css" type="text/css" />
  <link rel="stylesheet" href="/public/test/css/animate.css" type="text/css" />
  <link rel="stylesheet" href="/public/test/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/public/test/css/simple-line-icons.css" type="text/css" />
  <link rel="stylesheet" href="/public/test/css/font.css" type="text/css" />
  <link rel="stylesheet" href="/public/test/css/app.css" type="text/css" />


  <!--<link rel="stylesheet" href="/public/css/style.css" />-->
    <!--[if lt IE 9]>
    <script src="/public/test/js/html5shiv.js"></script>
    <script src="/public/test/js/respond.min.js"></script>
    <script src="/public/test/js/excanvas.js"></script>

  <![endif]-->
</head>
<style>
  body {
    margin-left: 40%;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    display: block;
    position: absolute;
    /*filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0)*/
  }
  /*.form-group{*/
    /*margin-left: 40%;*/
    /*-moz-transform: rotate(180deg);*/
    /*-webkit-transform: rotate(180deg);*/
    /*display: block;*/
    /*position: absolute;*/
  /*}*/
  .m-r-n-lg{
    /*margin-left: 40%;*/
    margin-top: -10%;
    font-size: 30px;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    display: block;
    position: absolute;
  }
  .navbar-brand block{
    margin-left: 40%;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    display: block;
    position: absolute;
  }
  .rever{
    margin-top: -40%;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    display: block;
    position: absolute;
  }
</style>
<body class="">
  <section id="content" class="m-t-lg wrapper-md animated fadeInUp">    
    <div class="container aside-xl">
      <a class="navbar-brand block" href="index.html"><span class="h1 font-bold"><span class="m-r-n-lg" style="">ᠲᠠᠪᠤᠨ ᠬᠤᠰᠢᠭᠤ ᠮᠠᠯ ᠢᠨ ᠰᠦᠯᠵᠢᠶᠡᠨ ᠪ ᠦᠷᠲᠡᠭᠡ</span></span></a>
      <section class="m-b-lg">
        <header class="wrapper text-center">
        </header>
        <form action="/index.php/index/login/login" method="post" >

          <input type="hidden" name="tip" value="1">
          <div class="rever">
            <div class="form-group">
              <input type="password" placeholder="ᠨᠢᠭᠤᠴᠠ ᠺᠤᠳ᠋" name="password" required="required" class="form-control rounded input-lg text-center no-border">
            </div>
            <div class="form-group">
              <input type="email"   placeholder="ᠢᠮᠸᠯ " name="email" required="required" class="form-control rounded input-lg text-center no-border">
            </div>
          </div>

          <button type="submit" style="margin-top: 50%;" class="btn btn-lg btn-warning lt b-white b-2x btn-block btn-rounded">
            <i class="icon-arrow-right pull-right"></i><span class="m-r-n-lg" style="margin-top: -10px;margin-left:70px;">ᠨᠡᠪᠲᠡᠷᠡᠬᠦ</span></button>
          <!--<div class="text-center m-t m-b"><a href=""><small>忘记密码?</small></a></div>-->
          <div class="line line-dashed"></div>
          <a href="/index.php/index/login/signup">
            <button type="button" style="margin-top: 3%;" class="btn btn-lg btn-warning lt b-white b-2x btn-block btn-rounded">
              <i class="icon-arrow-right pull-right"></i><span class="m-r-n-lg" style="margin-top: -10px;margin-left:70px;">ᠳᠠᠩᠰᠠᠯᠠᠭᠰᠠᠨ ᠳᠠᠩᠰᠠ</span></button>

            <!--<p class="text-muted text-center"><small class="m-r-n-lg">ᠳᠠᠩᠰᠠᠯᠠᠭᠰᠠᠨ ᠳᠠᠩᠰᠠ </small></p>-->
          </a>
          <!--<a href="/index.php/index/login/signup" class="btn btn-lg btn-info btn-block rounded">去注册</a>-->
        </form>
      </section>
    </div>
  </section>

  <!-- / footer -->
  <script src="/public/test/js/jquery.min.js"></script>
  <!-- Bootstrap -->
  <script src="/public/test/js/bootstrap.js"></script>
  <!-- App -->
  <script src="/public/test/js/app.js"></script>
  <script src="/public/test/js/jquery.slimscroll.min.js"></script>
    <script src="/public/test/js/app.plugin.js"></script>
  <script type="text/javascript" src="/public/test/js/jquery.jplayer.min.js"></script>
  <script type="text/javascript" src="/public/test/js/jplayer.playlist.min.js"></script>
  <script type="text/javascript" src="/public/test/js/demo.js"></script>
</body>
</html>